<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <script>
    // let arr1 = ['a', 'b']
    // let arr2 = ['c', 'd']
    // // let arr = arr1.concat(arr2)
    // // console.log(arr)
    // let arr = [
    //   ...arr1,
    //   'e',
    //   ...arr2,
    //   'f'
    // ]
    // console.log(arr)

    // let foo = 'hello'
    // let fzz = {
    //   foo
    // }
    // console.log(fzz.foo)

    // let foo = 'x'
    // let fzz = 'w'

    // let obj = {
    //   x: 100,
    //   y: 200,
    //   [fzz]: 300
    // }
    // console.log(obj.w)

    // const foo = {
    //   fzz: () => {
    //     console.log(this)
    //     console.log(0)
    //   }
    // }
    // foo.fzz()

    // console.log(NaN === NaN)
    // console.log(Object.is(NaN, NaN))

    // marge 合并
    // let target = {
    //   x: 0
    // }
    // let source1 = {
    //   y: 1
    // }
    // let source2 = {
    //   y: {
    //     w: 100
    //   }
    // }
    // Object.assign(target, source2, source1)
    // console.log(target)
    
    // let arr = ['a', 'b', 'c']
    // for(let x = 0; x < arr.length; x++) {
    //   console.log(arr[x])
    // }
    //es5
    // arr.forEach((value, index) => {
    //   console.log(value, index)
    // })

    // let obj = {
    //   a: 0,
    //   b: 100,
    //   c: 'hello'
    // }
    // for(let key in obj) {
    //   console.log(obj[key])
    // }

    //for-in
    // let arr = ['a', 'b', 'c']
    // for(let key in arr) {
    //   console.log(arr[key])
    // }
    // for-of
    // for (let x of obj) {
    //   console.log(x)
    // }

    let data = {
      A: ['安庆', '安阳'],
      B: ['北京', '北戴河']
    }
    let arr = Object.keys(data)
    arr.forEach((value) => {
      console.log(value)
    })
  </script>
</body>
</html>